<!doctype html>
<html class="no-js">

<head>
    <title>分答</title>
    <#include "/fd/components/meta.html" />
    <#include "/fd/components/stylesheets.html" />
    <link rel="stylesheet" type="text/css" href="/fd/stylesheets/index.css">
</head>

<body>
    <div id="app">
        <div class="top-bar am-hide">
            <div class="top-signin">
                <a href="#"><img src="/fd/assets/img/sign_in_button.png" height="30" /></a>
            </div>
            <div class="am-form-group am-form-icon top-search-field">
                <i class="am-icon-search"></i>
                <input type="text" class="am-form-field am-round" placeholder="搜索大师，问题">
            </div>
            <div class="top-msg">
                <a href="#"><i class="am-icon-commenting-o am-icon-sm"></i></a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="nav-container">
            <div class="nav-item">
                <a href="/fd/masterList">
                    <div class="nav-item-icon">
                        <img src="/fd/assets/img/icon1.png" height="50" />
                    </div>
                    <div class="nav-item-container">
                        <div class="nav-item-title">找老师</div>
                        <div class="nav-item-desc">一对一私密咨询 权威亲测</div>
                    </div>
                    <div class="nav-item-right">
                        <i class="am-icon-chevron-right"></i>
                    </div>
                    <div class="clear"></div>
                </a>
            </div>
            <div class="nav-item">
                <a href="/fd/questStep1">
                    <div class="nav-item-icon">
                        <img src="/fd/assets/img/icon2.png" height="50" />
                    </div>
                    <div class="nav-item-container">
                        <div class="nav-item-title">快速提问</div>
                        <div class="nav-item-desc">昨天已有 ${answerCount!0} 个问题被老师解答</div>
                    </div>
                    <div class="nav-item-right">
                        <i class="am-icon-chevron-right"></i>
                    </div>
                    <div class="clear"></div>
                </a>
            </div>
            <div class="am-g nav-2">
                <#assign masterList='/fd/masterList' />
                <a href="${masterList}">
                    <div class="am-u-sm-3">
                        <div class="nav-2-item-icon">
                            <img src="/fd/assets/img/icon3.png" />
                        </div>
                        <div class="nav-2-item-title">
                            <span>婚恋感情</span>
                        </div>
                    </div>
                </a>
                <a href="${masterList}">
                    <div class="am-u-sm-3">
                        <div class="nav-2-item-icon">
                            <img src="/fd/assets/img/icon4.png" />
                        </div>
                        <div class="nav-2-item-title">
                            <span>婚恋感情</span>
                        </div>
                    </div>
                </a>
                <a href="${masterList}">
                    <div class="am-u-sm-3">
                        <div class="nav-2-item-icon">
                            <img src="/fd/assets/img/icon5.png" />
                        </div>
                        <div class="nav-2-item-title">
                            <span>婚恋感情</span>
                        </div>
                    </div>
                </a>
                <a href="${masterList}">
                    <div class="am-u-sm-3">
                        <div class="nav-2-item-icon">
                            <img src="/fd/assets/img/icon6.png" />
                        </div>
                        <div class="nav-2-item-title">
                            <span>婚恋感情</span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="swiper-container">
            <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
                <ul class="am-slides">
                    <li>
                        <img src="/fd/assets/img/banner1.jpg">
                    </li>
                    <li>
                        <img src="/fd/assets/img/banner2.png">
                    </li>
                    <li>
                        <img src="/fd/assets/img/banner3.jpg">
                    </li>
                </ul>
            </div>
        </div>
        <div class="ranking-container">
            <div class="ranking-top">
                <div class="ranking-title">
                    <span>咨询师势力榜</span>
                </div>
                <div class="ranking-right">
                    <i class="am-icon-chevron-right"></i>
                </div>
                <div class="clear"></div>
            </div>
            <div class="ranking-list am-g">
                <#list consults as item>
                    <div class="ranking-list-item am-u-sm-4">
                        <div class="ranking-icon">
                            <img class="am-circle am-img-responsive" src="${item.logo!''}" />
                        </div>
                        <div class="ranking-content">
                            <div class="ranking-desc">${item.name!''}</div>
                            <div class="ranking-detail">
                                <div>${item.title!''}</div>
                                <div>${item.paidCount!0}单</div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </#list>
            </div>
        </div>
        <div class="lesson-container">
            <img src="/fd/assets/img/lesson.png" />
        </div>
        <div class="consult-list-container">
            <div class="consult-list-top">
                <div class="am-g">
                    <div class="am-u-sm-4">
                        <div>&nbsp;</div>
                    </div>
                    <div class="am-u-sm-4 consult-list-top-title">
                        <span>用户热评</span>
                    </div>
                    <div class="am-u-sm-4 consult-list-top-refresh">
                        <i class="am-icon-refresh"></i>
                    </div>
                </div>
            </div>
            <!-- consult list start -->
            <ul class="am-comments-list am-comments-list-flip consult-list">
                <#list items as item>
                    <li class="am-comment">
                        <a href="#link-to-user-home">
                            <img src="${item.logo!''}" alt="" class="am-comment-avatar" />
                        </a>
                        <div class="am-comment-main consult-item">
                            <header class="am-comment-hd">
                                <div class="am-comment-meta consult-item-header">
                                    <div class="am-g">
                                        <div class="am-u-sm-6">
                                            <div>${item.mobile!''}</div>
                                            <div>${item.addTime?string('yyyy-MM-dd')}</div>
                                        </div>
                                        <div class="am-u-sm-6 consult-item-header-right">
                                            <div>已购买：婚恋感情</div>
                                        </div>
                                    </div>
                                </div>
                            </header>
                            <div class="am-comment-bd consult-item-content">
                                <span>${item.content!''}</span>
                                <#--<p>${item.orderId!'0'} - ${item.questionId!'0'} ${item.consultId!'0'}</p>-->
                            </div>
                            <div class="consult-item-master-container">
                                <div class="am-g">
                                    <div class="am-u-sm-2 master-detail-avator">
                                        <img class="am-img-thumbnail am-circle" src="${item.masterLogo!''}">
                                    </div>
                                    <div class="am-u-sm-10 master-detail-desc">
                                        <div class="master-detail-name">
                                            <span>${item.masterName!''}</span>
                                        </div>
                                        <div class="master-detail-content">
                                            <span>${item.masterDesc!''}</span>
                                        </div>
                                        <div class="am-g master-detail-status">
                                            <div class="am-u-sm-7">
                                                <div class="master-detail-data">￥&nbsp;${(item.price*0.01)!}</div>
                                            </div>
                                            <div class="am-u-sm-5">
                                                <a href="/fd/masterHome?userId=${item.masterId!''}" class="am-btn am-btn-primary am-btn-xs master-detail-button theme-border-color1 theme-color1">立即资询</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </#list>
            </ul>
            <!-- consult list end -->
        </div>
        <#assign select = 1 />
        <#include "/fd/components/footer.html" />
    </div>
    <#include "/fd/components/scripts.html" />
    <script type="text/javascript" src="/fd/js/index.js"></script>
</body>

</html>